{block name=reply-form}
<tr class="success text-center">
	<td colspan="4">
		<form class="form-horizontal form" id="NewReply-form{$listing_parent_id}" role="form" accept-charset="UTF-8" action="/admin/includes/processes/processes-noticeboard.php" method="post" enctype="multipart/form-data">
			<input type="hidden" value="NewReply" name="action"/> 
			<input type="hidden" name="listing_parent_id" value="{$listing_parent_id}"/>
			<input type="hidden" name="formToken" value="{$token}"/>
	
			<div class="row form-group">
				<label for="listing_content1" class="col-sm-3 control-label">Message*</label>
				<div class="col-sm-6">
					<textarea class="form-control clear-saved" name="listing_content1" id="listing_content1" required>{$post.listing_content1}</textarea>
				</div>
			</div>
			<div class="row form-group">
					<label class="col-sm-3 control-label" for="uploadphoto">Image</label>
				<div class="col-sm-9">
					 <input type="file" id="uploadphoto" name="file" class="upload">
	        <div class="text-left"><small>(3MB max. - Only .jpeg, .jpg, .png and .gif)</small></div>
				</div>								
			</div>
	
			<div class="text-center">
				{if $error.reply}
					<div class="error-alert">
			      <div class="alert alert-danger fade in">
							<button class="close" aria-hidden="true" type="button" onclick="$(this).closest('.error-alert').fadeOut('slow');">&times;</button>
							<strong>{$error.reply}</strong>
						</div>
			    </div>
		    {/if}
				<button type="submit" class="btn btn-default">Submit reply</button>
			</div>
		</form>
		<br>
	</td>
</tr>

<script type="text/javascript">

	$(function() {	
		$('#NewReply-form{$listing_parent_id}').validate(); 
		$('html,body').animate({
			scrollTop : $('#NewReply-form{$listing_parent_id}').offset().top
		});
	});

 	</script>
{/block} 


